<template>
  <div class="body">
    <el-container>
      <!-- 头部导航栏 -->
      <el-header>
        <Index></Index>
      </el-header>
      <!-- 左侧边栏 -->
      <el-container>
        <el-main>
           <el-row style="margin-bottom:20px;">
              <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/' }">
                  <font color="#A1FEDB" size="4">系统管理</font>
                </el-breadcrumb-item>
                <el-breadcrumb-item>
                  <font color="#A1FEDB" size="4">导出管理</font>
                </el-breadcrumb-item>
              </el-breadcrumb>
            </el-row>
          <el-row>
            <el-col :span="6">
              <!-- 时间选择器 -->
              <el-date-picker
                style="margin-left:10rem"
                v-model="date"
                align="right"
                type="date"
                placeholder="选择日期"
                :picker-options="pickerOptions"
                @change="changTimeType"
              >
              </el-date-picker>
            </el-col>
            <el-col :span="6">
              <el-select
                v-model="DevType"
                placeholder="请选择设备"
                style="margin-left:10rem"
              >
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-col>
            <el-col :span="6">
              <el-button
                type="primary"
                style="margin-left:10rem"
                @click="searchdata()"
                >查询数据</el-button
              >
            </el-col>
            <el-col :span="6">
              <el-button
                type="primary"
                style="margin-left:10rem"
                @click="getexcel()"
                >导出数据</el-button
              >
            </el-col>
          </el-row>
          <el-row style="margin-top:50px;">
              <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData1"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                    v-if="showtable1"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                     <el-table-column prop="运行状态位" label="运行状态位">
                    </el-table-column>
                    <el-table-column prop="功率" label="功率(kW)">
                    </el-table-column>
                     <el-table-column prop="转速" label="转速">
                    </el-table-column>
                    <el-table-column prop="逆变输出电压" label="逆变输出电压（V）">
                    </el-table-column>
                    <el-table-column prop="逆变输出电流" label="逆变输出电流（A）">
                    </el-table-column>
                    <el-table-column prop="市电频率" label="市电频率（Hz）">
                    </el-table-column>
                       <el-table-column prop="累计发电量" label="累计发电量">
                    </el-table-column>
                  
                     
                     
                  </el-table>
                     <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData2"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable2"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                     <el-table-column prop="运行状态位" label="运行状态位">
                    </el-table-column>
                    <el-table-column prop="功率" label="功率(kW)">
                    </el-table-column>
                     <el-table-column prop="转速" label="转速">
                    </el-table-column>
                    <el-table-column prop="逆变输出电压" label="逆变输出电压（V）">
                    </el-table-column>
                    <el-table-column prop="逆变输出电流" label="逆变输出电流（A）">
                    </el-table-column>
                    <el-table-column prop="市电频率" label="市电频率（Hz）">
                    </el-table-column>
                       <el-table-column prop="累计发电量" label="累计发电量(kW)">
                    </el-table-column>
                     
                  </el-table>
                   <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData3"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable3"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <!-- <el-table-column
                      prop="PLC发电机油压"
                      label="PLC发电机油压"
                      
                    >
                    </el-table-column> -->
                    <!-- <el-table-column prop="PLC发电机水温" label="PLC发电机水温(℃)">
                    </el-table-column>
                    <el-table-column prop="PLC发电机转速" label="PLC发电机转速">
                    </el-table-column>
                    <el-table-column prop="PLC发电机频率" label="PLC发电机频率(kW)">
                    </el-table-column> -->
                    
                     <el-table-column prop="plc有功功率_Pa" label="有功功率_Pa(kW)">
                    </el-table-column>
                     <el-table-column prop="plc有功功率_Pb" label="有功功率_Pb(kW)">
                    </el-table-column>
                       <el-table-column prop="plc总有功_P" label="总有功_P(kW)">
                    </el-table-column>
                      <!-- <el-table-column prop="PLC总无功_Q" label="PLC总无功_Q(kW)">
                    </el-table-column> -->
                     <el-table-column prop="plc发电机累计运行时间" label="累计运行时间(h)">
                    </el-table-column>
                     <el-table-column prop="屏P1电表A相电压" label="屏P1电表A相电压(V)">
                    </el-table-column>
                      <el-table-column prop="屏P1电表B相电压" label="屏P1电表B相电压(V)">
                    </el-table-column>
                      <el-table-column prop="屏P1电表C相电压" label="屏P1电表C相电压(V)">
                    </el-table-column>
                      <el-table-column prop="屏P1电表A相电流" label="屏P1电表A相电流(A)">
                    </el-table-column>
                      <el-table-column prop="屏P1电表B相电流" label="屏P1电表B相电流(A)">
                    </el-table-column>
                      <el-table-column prop="屏P1电表C相电流" label="屏P1电表C相电流(A)">
                    </el-table-column>
                  </el-table>
                       <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData4"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable4"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="交流A相输入电流"  label="交流A相输入电流" >
                    </el-table-column>
                    <el-table-column prop="交流B相输入电流" label="交流B相输入电流(A)">
                    </el-table-column>
                    <el-table-column prop="交流C相输入电流" label="交流C相输入电流(A)">
                    </el-table-column>
                    <el-table-column prop="直流侧输出电流" label="直流侧输出电流(A)">
                    </el-table-column>
                    <el-table-column prop="直流侧输出有功" label="直流侧输出有功(kW)">
                    </el-table-column>
                       <el-table-column prop="模块A1直流电压" label="模块A1直流电压(V)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="模块A2直流电压" label="模块A2直流电压(V)">
                    </el-table-column>
                      <el-table-column prop="模块A3直流电压" label="模块A3直流电压(V)">
                    </el-table-column>
                     <el-table-column prop="模块A4直流电压" label="模块A4直流电压(V)">
                    </el-table-column>
                     <!-- <el-table-column prop="模块B1直流电压" label="模块B1直流电压(V)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块B2直流电压" label="模块B2直流电压(V)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块B3直流电压" label="模块B3直流电压(V)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块B4直流电压" label="模块B4直流电压(V)">
                    </el-table-column> -->
                    
                  </el-table>
                      <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData5"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable5"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="电池堆电压"  label="电池堆电压(V)" >
                    </el-table-column>
                    <el-table-column prop="电池堆电流" label="电池堆电流(A)">
                    </el-table-column>
                    <el-table-column prop="电池堆可充电量" label="可充电量(kW)">
                    </el-table-column>
                    <el-table-column prop="电池堆可放电量" label="可放电量(kW)">
                    </el-table-column>
                    <el-table-column prop="电池堆累计充电量" label="累计充电量(kW)">
                    </el-table-column>
                       <el-table-column prop="电池堆累计放电量" label="累计放电量(kW)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="最高电池温度" label="最高电池温度(℃)">
                    </el-table-column>
                      <el-table-column prop="最低电池温度" label="最低电池温度(℃)">
                    </el-table-column>
                     <!-- <el-table-column prop="电池堆当前允许最大充电功率" label="电池堆当前允许最大充电功率(kW)">
                    </el-table-column>
                     <el-table-column prop="电池堆当前允许最大放电功率" label="电池堆当前允许最大放电功率(kW)">
                    </el-table-column>
                     <el-table-column prop="电池堆当前允许最大充电电流" label="电池堆当前允许最大充电电流(A)">
                    </el-table-column>
                     <el-table-column prop="电池堆当前允许最大放电电流" label="电池堆当前允许最大放电电流(A)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池组充电次数" label="电池组充电次数">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池组放电次数" label="电池组放电次数">
                    </el-table-column> -->
                     <el-table-column prop="组SOC" label="组SOC">
                    </el-table-column>
                     <el-table-column prop="组可充电量" label="组可充电量(kW)">
                    </el-table-column>
                    <el-table-column prop="组可放电量" label="组可放电量(kW)">
                    </el-table-column>
                    <!-- <el-table-column prop="环境温度" label="环境温度(℃)">
                    </el-table-column> -->
                    
                  </el-table>
                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData6"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable6"
                  > 
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <!-- <el-table-column
                      prop="模块温度"  label="模块温度" >
                    </el-table-column> -->
                    <el-table-column prop="高压侧直流高压侧电压" label="高压侧直流高压侧电压(V)">
                    </el-table-column>
                    <el-table-column prop="低压侧支路1直流功率" label="低压侧支路1直流功率(kW)">
                    </el-table-column>
                    <el-table-column prop="低压侧支路1直流电压" label="低压侧支路1直流电压(V)">
                    </el-table-column>
                    <el-table-column prop="低压侧支路1直流电流" label="低压侧支路1直流电流(A)">
                    </el-table-column>
                       <el-table-column prop="低压侧支路1直流累计充电电量" label="支路1直流累计充电量(kW)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="低压侧支路1直流累计放电电量" label="支路1直流累计放电量(kW)">
                    </el-table-column>
                      <el-table-column prop="高压侧支路1直流高压侧电压" label="高压侧支路1直流电压(V)">
                    </el-table-column>
                     <!-- <el-table-column prop="低压侧支路1直流控制模式" label="低压侧支路1直流控制模式">
                    </el-table-column> -->
                     <!-- <el-table-column prop="低压侧支路1直流电流设置" label="低压侧支路1直流电流设置">
                    </el-table-column> -->
                     <!-- <el-table-column prop="低压侧支路1直流功率设置" label="低压侧支路1直流功率设置">
                    </el-table-column> -->
                     
                    
                    
                  </el-table>
                     <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData7"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable7"
                  >
                    <el-table-column prop="devSerialNumber" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="电压"
                      label="电压(V)"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="电流" label="电流(A)">
                    </el-table-column>
                    <el-table-column prop="功率" label="功率(kW)">
                    </el-table-column>
                    <!-- <el-table-column prop="电压小数点位置" label="电压小数点位置">
                    </el-table-column> -->
                    <!-- <el-table-column prop="电流小数点位置" label="电流小数点位置">
                    </el-table-column> -->
                       <!-- <el-table-column prop="功率小数点位置" label="功率小数点位置">
                    </el-table-column> -->
                     </el-table-column>
                       <el-table-column prop="正向电能高位" label="正向电能高位">
                    </el-table-column>
                      <el-table-column prop="正向电能低位" label="正向电能低位">
                    </el-table-column>
                     <el-table-column prop="反向电能高位" label="反向电能高位">
                    </el-table-column>
                     <el-table-column prop="反向电能低位" label="反向电能低位">
                    </el-table-column>
                     <el-table-column prop="正向电能低位" label="正向电能低位">
                    </el-table-column>
                     <el-table-column prop="反向电能高位" label="反向电能高位">
                    </el-table-column>
                     <el-table-column prop="反向电能低位" label="反向电能低位">
                    </el-table-column>
                     <el-table-column prop="正向电能" label="正向电能">
                    </el-table-column>
                     <el-table-column prop="反向电能" label="反向电能">
                    </el-table-column>
                      
                    
                    
                  </el-table>
                      <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData8"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable8"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="设备状态"
                      label="设备状态"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="输入直流电压" label="输入直流电压(V)">
                    </el-table-column>
                    <el-table-column prop="输入直流电流" label="输入直流电流(A)">
                    </el-table-column>
                    <!-- <el-table-column prop="浪涌保护" label="浪涌保护">
                    </el-table-column> -->
                    <!-- <el-table-column prop="输入电压高故障" label="输入电压高故障">
                    </el-table-column> -->
                       <!-- <el-table-column prop="输入电压低故障" label="输入电压低故障">
                    </el-table-column> -->
                     </el-table-column>
                       <el-table-column prop="整机正母线电压" label="整机正母线电压(V)">
                    </el-table-column>
                      <el-table-column prop="输入直流功率" label="输入直流功率(kW)">
                    </el-table-column>
                     <el-table-column prop="输出直流电压" label="输出直流电压(V)">
                    </el-table-column>
                     <el-table-column prop="输出直流电流" label="输出直流电流(A)">
                    </el-table-column>
                     
                    
                     <!-- <el-table-column prop="输出直流电压" label="输出直流电压(V)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="输出直流电流" label="输出直流电流(A)">
                    </el-table-column> -->
                     <el-table-column prop="工作模式" label="工作模式">
                    </el-table-column>
                     <el-table-column prop="a口设置电压" label="A口设置电压(V)">
                    </el-table-column>
                       <el-table-column prop="b口设置电压" label="B口设置电压(V)">
                    </el-table-column>
                    
                  </el-table>
                   <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData9"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable9"
                  >
                    <el-table-column prop="devSerialNumber" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="电压"
                      label="电压(V)"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="电流" label="电流(A)">
                    </el-table-column>
                    <el-table-column prop="功率" label="功率(kW)">
                    </el-table-column>
                    <el-table-column prop="电压小数点位置" label="电压小数点位置">
                    </el-table-column>
                    <el-table-column prop="电流小数点位置" label="电流小数点位置">
                    </el-table-column>
                       <el-table-column prop="功率小数点位置" label="功率小数点位置">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="正向电能高位" label="正向电能高位">
                    </el-table-column>
                      <el-table-column prop="正向电能低位" label="正向电能低位">
                    </el-table-column>
                     <el-table-column prop="反向电能高位" label="反向电能高位">
                    </el-table-column>
                     <el-table-column prop="反向电能低位" label="反向电能低位">
                    </el-table-column>
                     <el-table-column prop="正向电能" label="正向电能">
                    </el-table-column>
                     <el-table-column prop="反向电能" label="反向电能">
                    </el-table-column>
                    
                    
                  </el-table>
                      <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData10"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable10"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="设备状态"
                      label="设备状态"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="工作模式设置" label="工作模式设置">
                    </el-table-column>
                    <el-table-column prop="故障代码1" label="故障代码1">
                    </el-table-column>
                    <el-table-column prop="故障代码2" label="故障代码2">
                    </el-table-column>
                    <el-table-column prop="输入直流电压" label="输入直流电压(V)">
                    </el-table-column>
                       <el-table-column prop="输入直流电流" label="输入直流电流(A)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="输入直流功率" label="输入直流功率(kW)">
                    </el-table-column>
                      <el-table-column prop="输出直流电压" label="输出直流电压(V)">
                    </el-table-column>
                     <el-table-column prop="输出直流电流" label="输出直流电流(A)">
                    </el-table-column>
                     <!-- <el-table-column prop="工作模式设定" label="工作模式设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="输入侧电压设定" label="输入侧电压设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="功率设定" label="功率设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧电压设定" label="电池侧电压设定">
                    </el-table-column> -->
                    
                    
                  </el-table>
                     <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData11"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable11"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="控制命令"
                      label="控制命令"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="输出硬件过压" label="输出硬件过压">
                    </el-table-column>
                    <el-table-column prop="模块1硬件过流" label="模块1硬件过流">
                    </el-table-column>
                    <el-table-column prop="模块2硬件过流" label="模块2硬件过流">
                    </el-table-column>
                    <!-- <el-table-column prop="模块3硬件过流" label="模块3硬件过流">
                    </el-table-column> -->
                       <!-- <el-table-column prop="模块4硬件过流" label="模块4硬件过流">
                    </el-table-column> -->
                   
                       <!-- <el-table-column prop="AD零漂过大" label="AD零漂过大">
                    </el-table-column> -->
                      <!-- <el-table-column prop="模块1软件过流" label="模块1软件过流">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块2软件过流" label="模块2软件过流">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块3软件过流" label="模块3软件过流">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块4软件过流" label="模块4软件过流">
                    </el-table-column> -->
                     <el-table-column prop="单元1输入电压" label="单元1输入电压(V)">
                    </el-table-column>
                     <!-- <el-table-column prop="单元2输入电压" label="单元2输入电压(V)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="单元3输入电压" label="单元3输入电压(V)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="单元4输入电压" label="单元4输入电压(V)">
                    </el-table-column> -->
                     <el-table-column prop="支路2电流" label="支路2电流(A)">
                    </el-table-column>
                     <el-table-column prop="支路3电流" label="支路3电流(A)">
                    </el-table-column>
                     <el-table-column prop="支路4电流" label="支路4电流(A)">
                    </el-table-column>
                     <el-table-column prop="支路5电流" label="支路5电流(A)">
                    </el-table-column>
                     <el-table-column prop="支路6电流" label="支路6电流(A)">
                    </el-table-column>
                     <el-table-column prop="支路7电流" label="支路7电流(A)">
                    </el-table-column>
                    
                    
                  </el-table>
                     <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData12"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable12"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                   
                   
                    <el-table-column prop="工作模式设置" label="工作模式">
                    </el-table-column>
                    <el-table-column prop="输出A相电压" label="输出A相电压(V)">
                    </el-table-column>
                    <el-table-column prop="输出A相电流" label="输出A相电流(A)">
                    </el-table-column>
                       <el-table-column prop="输出B相电压" label="输出B相电压(V)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="输出B相电流" label="输出B相电流(A)">
                    </el-table-column>
                      <el-table-column prop="输出C相电压" label="输出C相电压(V)">
                    </el-table-column>
                     <el-table-column prop="输出C相电流" label="输出C相电流(A)">
                    </el-table-column>
                     <!-- <el-table-column prop="工作模式设定" label="工作模式设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧恒压输出电压设定" label="电池侧恒压输出电压设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧恒压模式限流设定" label="电池侧恒压模式限流设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="恒功率模式功率值设定" label="恒功率模式功率值设定">
                    </el-table-column> -->
                     <el-table-column prop="输出频率" label="输出频率">
                    </el-table-column>
                    
                    
                    
                  </el-table>
              <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData13"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable13"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column prop="工作模式" label="工作模式">
                    </el-table-column>
                    <el-table-column prop="输入直流功率" label="输入直流功率(W)">
                    </el-table-column>
                    <el-table-column prop="输入直流电压" label="输入直流电压(V)">
                    </el-table-column>
                       <el-table-column prop="输出直流电压" label="输出直流电压(V)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="输出直流电流" label="输出直流电流(A)">
                    </el-table-column>
                      <el-table-column prop="故障代码1" label="故障代码1">
                    </el-table-column>
                     <el-table-column prop="故障代码2" label="故障代码2">
                    </el-table-column>
                     <!-- <el-table-column prop="工作模式设定" label="工作模式设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧恒压输出电压设定" label="电池侧恒压输出电压设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧恒压模式限流设定" label="电池侧恒压模式限流设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="恒功率模式功率值设定" label="恒功率模式功率值设定">
                    </el-table-column> -->
                     <el-table-column prop="过流故障" label="过流故障">
                    </el-table-column>
                    
                  </el-table>
              <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData14"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable14"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="设备状态"
                      label="设备状态"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="工作模式" label="工作模式">
                    </el-table-column>
                    <el-table-column prop="故障代码1" label="故障代码1">
                    </el-table-column>
                    <el-table-column prop="故障代码2" label="故障代码2">
                    </el-table-column>
                    <el-table-column prop="电池直流电压" label="电池直流电压(V)">
                    </el-table-column>
                       <el-table-column prop="电池直流电流" label="电池直流电流(A)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="直流功率" label="直流功率(kW)">
                    </el-table-column>
                      <el-table-column prop="母线直流电压" label="母线直流电压(V)">
                    </el-table-column>
                     <el-table-column prop="母线直流电流" label="母线直流电流(A)">
                    </el-table-column>
                     <!-- <el-table-column prop="工作模式设定" label="工作模式设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧电压设定" label="池侧电压设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧恒压电流设定低压侧" label="电池侧恒压电流设定低压侧">
                    </el-table-column> -->
                     <!-- <el-table-column prop="功率设定" label="功率设定">
                    </el-table-column> -->
                   
                    
                    
                  </el-table>
                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData15"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable15"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="设备状态"
                      label="设备状态"
                      
                    >
                    </el-table-column>
                    <!-- <el-table-column prop="故障代码1" label="故障代码1">
                    </el-table-column> -->
                    <!-- <el-table-column prop="故障代码2" label="故障代码2">
                    </el-table-column> -->
                    <!-- <el-table-column prop="故障代码3" label="故障代码3">
                    </el-table-column> -->
                    <!-- <el-table-column prop="故障代码4" label="故障代码4">
                    </el-table-column> -->
                       <!-- <el-table-column prop="故障代码5" label="故障代码5">
                    </el-table-column> -->
                    
                       <!-- <el-table-column prop="故障代码6" label="故障代码6">
                    </el-table-column> -->
                      <el-table-column prop="输入直流电压" label="输入直流电压(V)">
                    </el-table-column>
                     <el-table-column prop="输入直流电流" label="输入直流电流(A)">
                    </el-table-column>
                     <el-table-column prop="整机正母线电压" label="整机正母线电压(V)">
                    </el-table-column>
                     <el-table-column prop="输入直流功率" label="输入直流功率(kW)">
                    </el-table-column>
                     <el-table-column prop="输出直流电压" label="输出直流电压(V)">
                    </el-table-column>
                     <el-table-column prop="输出直流电流" label="输出直流电流(A)">
                    </el-table-column>
                      <el-table-column prop="整流输入过压" label="整流输入过压(V)">
                    </el-table-column>
                      <el-table-column prop="直流输入电压" label="直流输入电压(V)">
                    </el-table-column>
                     <el-table-column prop="发射端逆变电流" label="发射端逆变电流(A)">
                    </el-table-column>
                    <!-- <el-table-column prop="发射端线圈电流" label="发射端线圈电流(A)">
                    </el-table-column> -->
                    <!-- <el-table-column prop="接收端电压需求值" label="接收端电压需求值">
                    </el-table-column> -->
                    <!-- <el-table-column prop="接收端电压实际值" label="接收端电压实际值">
                    </el-table-column> -->
                    <!-- <el-table-column prop="接收端电流实际值" label="接收端电流实际值">
                    </el-table-column> -->
                   
                    
                    
                  </el-table>
                 <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData16"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable16"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <!-- <el-table-column
                      prop="通讯状态"
                      label="通讯状态"
                      
                    >
                    </el-table-column> -->
                    <el-table-column prop="空调外机回路电压" label="空调外机电压(V)">
                    </el-table-column>
                    <el-table-column prop="空调外机回路电流" label="空调外机电流(A)">
                    </el-table-column>
                    <el-table-column prop="空调内机回路功率" label="空调内机功率(kW)">
                    </el-table-column>
                    <el-table-column prop="直流排风扇回路电压" label="直流排风扇电压(V)">
                    </el-table-column>
                       <el-table-column prop="直流排风扇回路电流" label="直流排风扇电流(A)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="直流排风扇回路功率" label="直流排风扇功率(kW)">
                    </el-table-column>
                      <el-table-column prop="照明回路电压" label="照明电压(V)">
                    </el-table-column>
                     <el-table-column prop="照明回路电流" label="照明电流(A)">
                    </el-table-column>
                     <!-- <el-table-column prop="备用回路功率" label="备用回路功率(kW)">
                    </el-table-column> -->
                     <el-table-column prop="空调外机回路电能" label="空调外机电能">
                    </el-table-column>
                     <el-table-column prop="空调内机回路电能" label="空调内机电能">
                    </el-table-column>
                     <!-- <el-table-column prop="直流排风扇回路电能" label="直流排风扇电能">
                    </el-table-column> -->
                      <!-- <el-table-column prop="照明回路电能" label="照明电能">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块1输出电压" label="模块1输出电压(V)">
                    </el-table-column>
                     <el-table-column prop="模块1输出电流" label="模块1输出电流(A)">
                    </el-table-column>
                     <el-table-column prop="模块2输出电压" label="模块2输出电压(V)">
                    </el-table-column>
                     <el-table-column prop="模块2输出电流" label="模块2输出电流(A)">
                    </el-table-column> -->
                   
                    
                    
                  </el-table>
                     <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData17"
                    style="width: 100%"
                     height="800"
                    :row-class-name="tableRowClassName"
                      v-if="showtable17"
                  >
                    <el-table-column prop="devSerialNumber" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="第1路继电器"
                      label="第1路继电器"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="第2路继电器" label="第2路继电器">
                    </el-table-column>
                    <el-table-column prop="第1路开关量输入" label="第1路开关量输入">
                    </el-table-column>
                    <el-table-column prop="第2路开关量输入" label="第2路开关量输入">
                    </el-table-column>
                    <el-table-column prop="第3路开关量输入" label="第3路开关量输入">
                    </el-table-column>
                       <el-table-column prop="第4路开关量输入" label="第4路开关量输入">
                    </el-table-column>
                     </el-table-column>
                       <!-- <el-table-column prop="通讯状态" label="通讯状态">
                    </el-table-column> -->
                      <!-- <el-table-column prop="通讯状态" label="通讯状态">
                    </el-table-column> -->
                     <el-table-column prop="电压" label="电压(V)">
                    </el-table-column>
                     <el-table-column prop="电流" label="电流(A)">
                    </el-table-column>
                      <el-table-column prop="功率" label="功率(kW)">
                    </el-table-column>
                      <!-- <el-table-column prop="电压小数点位置" label="电压小数点位置">
                    </el-table-column> -->
                      <!-- <el-table-column prop="电流小数点位置" label="电流小数点位置">
                    </el-table-column> -->
                      <!-- <el-table-column prop="功率小数点位置" label="功率小数点位置">
                    </el-table-column> -->
                      <!-- <el-table-column prop="正向电能高位" label="正向电能高位">
                    </el-table-column> -->
                      <!-- <el-table-column prop="反向电能高位" label="反向电能高位">
                    </el-table-column> -->
                     <!-- <el-table-column prop="反向电能低位" label="反向电能低位">
                    </el-table-column> -->
                     <el-table-column prop="正向电能" label="正向电能">
                    </el-table-column>
                     <el-table-column prop="反向电能" label="反向电能">
                    </el-table-column>
                    
                    
                   
                    
                    
                  </el-table>
          </el-row>
          <!-- //导出excel -->
          <form
            id="form_login"
            action="http://127.0.0.1:8082/getexcel/get"
            method="post"
          > 
          <input type="text" id="date" v-show="false"  class="form-control" name="date"  v-model="stringdate" />
           <input type="text" id="type" v-show="false"  class="form-control" name="DevType" v-model="DevType" />
           
          </form>
        </el-main>
      </el-container>
      <Bottom></Bottom>
    </el-container>
  </div>
</template>
<script>
import Index from '~/components/index2'
import Bottom from '~/components/bottom'
export default {
  data() {
    return {
      activeIndex: '3',
      activeName: 'first',
      date: '',
      DevType: '',
      tableData1: [],
      tableData2: [],
      tableData3: [],
      tableData4: [],
      tableData5: [],
      tableData6: [],
      tableData7: [],
      tableData8: [],
      tableData9: [],
      tableData10: [],
      tableData11: [],
      tableData12: [],
      tableData13: [],
      tableData14: [],
      tableData15: [],
      tableData16: [],
      tableData17: [],
  
        showtable1:false,
        showtable2:false,
        showtable3:false,
        showtable4:false,
        showtable5:false,
        showtable6:false,
        showtable7:false,
        showtable8:false,
        showtable9:false,
        showtable10:false,
        showtable11:false,
        showtable12:false,
        showtable13:false,
        showtable14:false,
        showtable15:false,
        showtable16:false,
        showtable17:false,
        stringdate:'',
      //显示日期的快捷键
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() > Date.now()
        },
        shortcuts: [
          {
            text: '今天',
            onClick(picker) {
              picker.$emit('pick', new Date())
            }
          },
          {
            text: '昨天',
            onClick(picker) {
              const date = new Date()
              date.setTime(date.getTime() - 3600 * 1000 * 24)
              picker.$emit('pick', date)
            }
          },
          {
            text: '一周前',
            onClick(picker) {
              const date = new Date()
              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
              picker.$emit('pick', date)
            }
          }
        ]
      },
      options: [
        {
          value: '交直流ACDC',
          label: '交直流ACDC'
        },
        {
          value: '空调DCDC',
          label: '空调DCDC'
        },
        {
          value: '电容BMS',
          label: '电容BMS'
        },
        {
          value: '电容DCDC',
          label: '电容DCDC'
        },
        {
          value: '三联供',
          label: '三联供'
        },
        {
          value: '充电桩',
          label: '充电桩'
        },
        {
          value: '交直流DCDC',
          label: '交直流DCDC'
        },
        {
          value: '直流配电柜',
          label: '直流配电柜'
        },
        {
          value: '卧式风机',
          label: '卧式风机'
        },
        {
          value: '直流一体化设备',
          label: '直流一体化设备'
        },
        {
          value: '隔离开关柜',
          label: '隔离开关柜'
        },
        {
          value: 'MMC',
          label: 'MMC'
        },
        {
          value: '光伏DCDC',
          label: '光伏DCDC'
        },
        {
          value: '光伏优化器',
          label: '光伏优化器'
        },
        {
          value: '储能DCDC',
          label: '储能DCDC'
        },
        {
          value: '负荷总回路',
          label: '负荷总回路'
        },
        {
          value: '立式风机',
          label: '立式风机'
        }
      ]
    }
  },
  components: {
    Index,
    Bottom
  },
  computed: {},
  watch: {
    // 全局函数的应用
    // {{ this.comsys.getNowFormatDate() }}
    //监控时间以及设备类型如果有值则，可以查询
    // date(newValue, oldValue) {
    //   if (newValue != '' && this.DevType != '') {
    //     this.dis = true
    //   }
    // },
    // DevType(newValue, oldValue) {
    //   if (newValue != '' && this.date != '') {
    //     this.dis = true
    //   }
    // }
  },
  created() {},

  mounted() {
    this.DevType="立式风机";
    this.date=new Date();
    this.searchdata();
  },

  methods: {
    changTimeType(){
       this.stringdate=this.comsys.getFormatDate(this.date);
    },
   getexcel() {
     
      var loginForm = document.getElementById('form_login')
      loginForm.submit()
    },
    //根据设备类型和时间查询显示数据
searchdata() {
      let data = this.$qs.parse({
       
        date: this.comsys.getNowFormatDate(this.date)
      })
      if(this.DevType=="立式风机"){
        this.showtable1=true;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
      
       this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/verticalfan/searchbydate',
        data:data
      }).then(res => {
     
        this.tableData1=res.data
        })
     
           
      }else if(this.DevType=="卧式风机"){
         this.showtable1=false;
        this.showtable2=true;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
          this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/horizontalfan/searchbydate',
        data:data
      }).then(res => {
       
        this.tableData2=res.data
        })
      }else if(this.DevType=="三联供"){
         this.showtable1=false;
        this.showtable2=false;
        this.showtable3=true;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
        this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/cchp/searchbydate',
        data:data
      }).then(res => {
       
        this.tableData3=res.data
        })
      }else if(this.DevType=="MMC"){
         this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=true;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
         this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/mmc/searchbydate',
        data:data
      }).then(res => {
       
        this.tableData4=res.data
        })
      }else if(this.DevType=="电容BMS"){
        this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=true;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
         this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/capacitance/searchbydate',
        data:data
      }).then(res => {
       
        this.tableData5=res.data
        })
      }else if(this.DevType=="电容DCDC"){
         this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=true;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
            this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/capacitance/searchbydatedcdc',
        data:data
      }).then(res => {
       
        this.tableData6=res.data
        })
      }else if(this.DevType=="隔离柜"){
          this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=true;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
         this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/isolationcabinet/searchbydate',
        data:data
      }).then(res => {
       
        this.tableData7=res.data
        })
      }else if(this.DevType=="负荷总回路"){
         this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=true;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
       
          this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/totalloadloopdcdc/searchbydate',
        data:data
      }).then(res => {
       
        this.tableData8=res.data
        })
      }else if(this.DevType=="一体化设备"){
         this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=true;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
        
        this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/integratedequipmentc/searchbydate',
        data:data
      }).then(res => {
       
        this.tableData9=res.data
        })
      }else if(this.DevType=="光伏DCDC"){
          this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=true;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
         this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/pvdcdc/searchbydate',
        data:data
      }).then(res => {
       
        this.tableData10=res.data
        })
      }else if(this.DevType=="光伏优化器"){
         this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=true;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
         this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/pvdcdc/searchbydatepvo',
        data:data
      }).then(res => {
       
        this.tableData11=res.data
        })
      }else if(this.DevType=="交直流ACDC"){
             this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=true;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
           this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/acdc/searchbydateacdc',
        data:data
      }).then(res => {
       
        this.tableData12=res.data
        })
      }
      else if(this.DevType=="交直流DCDC"){
             this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=true;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
          this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/acdc/searchbydatedcdc',
        data:data
      }).then(res => {
       
        this.tableData13=res.data
        })
      }else if(this.DevType=="储能DCDC"){
        this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=true;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=false;
         this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/storagedcdc/searchbydate',
        data:data
      }).then(res => {
       
        this.tableData14=res.data
        })
      }else if(this.DevType=="充电桩"){
  this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=true;
        this.showtable16=false;
        this.showtable17=false;
        this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/chargingpile/searchbydate',
        data:data
      }).then(res => {
       
        this.tableData15=res.data
        })
      }else if(this.DevType=="空调DCDC"){
  this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=true;
        this.showtable17=false;
         this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/airconditionerdcdc/searchbydate',
        data:data
      }).then(res => {
       
        this.tableData16=res.data
        })
      }else if(this.DevType=="直流配电柜"){
  this.showtable1=false;
        this.showtable2=false;
        this.showtable3=false;
        this.showtable4=false;
        this.showtable5=false;
        this.showtable6=false;
        this.showtable7=false;
        this.showtable8=false;
        this.showtable9=false;
        this.showtable10=false;
        this.showtable11=false;
        this.showtable12=false;
        this.showtable13=false;
        this.showtable14=false;
        this.showtable15=false;
        this.showtable16=false;
        this.showtable17=true;
         this.$axios({
        method: 'post',
        url: 'http://127.0.0.1:8082/dcdistribution/searchbydate',
        data:data
      }).then(res => {
       
        this.tableData17=res.data
        })
      }
     
     
    },
    getRowClass({ row, column, rowIndex, columnIndex }) {
      // return 'background:#444444;color:#18EFF2;'  #04322E
      // return 'background:#050E11;color:#18EFF2;'
      return 'background:#04322E;color:#18EFF2;'
    },
    //设置表头颜色和背景
    getRowClass2({ row, column, rowIndex, columnIndex }) {
      // return 'background:#444444;color:#18EFF2;'
      return 'background:#04322E;color:#18EFF2;'
    },
    getRowClass3({ row, column, rowIndex, columnIndex }) {
      // return 'background:#444444;color:#F50C0C;'
      return 'background:#04322E;color:#18EFF2;'
    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath)
    },
    handleDelete(index, row) {
      alert(index)
      //  this.$router.push({path:'/details',query: {id:item.device_id}})
      this.$router.push({ path: '/indexx' })
      console.log(index, row)
    },
    handleClick(tab, event) {
      console.log(tab, event)
    },

    logout() {
      window.sessionStorage.clear()
      this.$router.push('/login')
    },

    infoWindowClose(i) {
      //  alert("关闭提示窗"+i.showFlag)
      return (i.showFlag = false)
    },
    infoWindowOpen(i) {
      // alert("打开提示窗"+i.showFlag)
      return (i.showFlag = true)
    }
  }
}
</script>
<style lang="scss" scoped>
.body {
  width: 100%;
  background-image: url(../../assets/images/新UI12.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.el-main {
  height: 900px;
}

.newstyle {
  height: 800px;
  // background-image: url(../assets/images/table3.png);
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
  // background-color: #454545;
  border-radius: 20px;
  .el-row {
    margin-top: 15px;
    margin-left: 20px;
  }
}
.el-tabs {
  color: white;
  background-color: #050e11;
}
.el-tabs__item {
  padding: 0 20px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  display: inline-block;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  color: #e3e5ea;
  position: relative;
}

.el-aside {
  margin-left: 30px;
  margin-top: 50px;
}
.el-header {
  // background-color: #373d41;
  // display: flex;
  align-items: center;
}
</style>
